<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="zh-cn"><head>
<base href="<%=basePath%>">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta http-equiv="Content-Language" content="zh-cn">
    <meta name="keywords" content="">
    <meta name="description" content="">
    <meta name="mobile-agent" content="">
    <meta name="applicable-device" content="pc">
    <title>分类歌单 - QQ音乐-千万正版音乐海量无损曲库新歌热歌天天畅听的高品质音乐平台！</title>
	<link rel="stylesheet" href="static/songs/css/layout_0412.css">
    <link rel="stylesheet" href="static/songs/css/playlist.css">
	<link rel="stylesheet" href="static/songs/css/popup_login.css">
	<link rel="stylesheet" href="static/songs/css/qb-ie-remind.css">
	
</head>
<body class="os_mac">
    <!-- 头部 N -->
		<jsp:include page="musicTop.jsp"></jsp:include>
   	<!-- 头部 S -->
    <div class="main" style="">    

        <!-- 标签筛选 -->
        <div class="mod_playlist_tag" id="taglist">
			<div class="js_normal" style="display:;">
	            <div class="playlist_tag__list playlist_tag__list--lang">
	                <h3 class="playlist_tag__tit c_tx_thin">语种</h3>
	                <i class="playlist_tag__line"></i>
	                <ul class="playlist_tag__tags">
	                    <li class="playlist_tag__itembox"><a class="playlist_tag__item js_tag">国语</a></li>
	                    <li class="playlist_tag__itembox"><a class="playlist_tag__item js_tag">英语</a></li>
	                    <li class="playlist_tag__itembox"><a class="playlist_tag__item js_tag">韩语</a></li>
	                    <li class="playlist_tag__itembox"><a class="playlist_tag__item js_tag">粤语</a></li>
	                    <li class="playlist_tag__itembox"><a class="playlist_tag__item js_tag">日语</a></li>
	                    <li class="playlist_tag__itembox"><a class="playlist_tag__item js_more_tag">更多<i class="playlist_tag__arrow sprite"></i></a></li>
	                </ul>
	            </div>

	            <div class="playlist_tag__list ">
	                <h3 class="playlist_tag__tit c_tx_thin">流派</h3>
			
	                <i class="playlist_tag__line"></i>
			
	                <ul class="playlist_tag__tags">
	                    <li class="playlist_tag__itembox"><a class="playlist_tag__item js_tag">流行</a></li>
	                    <li class="playlist_tag__itembox"><a class="playlist_tag__item js_tag">轻音乐</a></li>
	                    <li class="playlist_tag__itembox"><a class="playlist_tag__item js_tag">摇滚</a></li>
	                    <li class="playlist_tag__itembox"><a class="playlist_tag__item js_tag">民谣</a></li>
	                    <li class="playlist_tag__itembox"><a class="playlist_tag__item js_tag">R&amp;B</a></li>
	                    <li class="playlist_tag__itembox"><a class="playlist_tag__item js_tag">嘻哈</a></li>
	                    <li class="playlist_tag__itembox"><a class="playlist_tag__item js_tag">电子</a></li>
	                    <li class="playlist_tag__itembox"><a class="playlist_tag__item js_tag">古典</a></li>
	                    <li class="playlist_tag__itembox"><a class="playlist_tag__item js_more_tag">更多<i class="playlist_tag__arrow sprite"></i></a></li>
	                </ul>
	            </div>
	    

	            <div class="playlist_tag__list ">
	                <h3 class="playlist_tag__tit c_tx_thin">主题</h3>
	                <i class="playlist_tag__line"></i>
	                <ul class="playlist_tag__tags">
	                    <li class="playlist_tag__itembox"><a class="playlist_tag__item js_tag">ACG</a></li>
	                    <li class="playlist_tag__itembox"><a class="playlist_tag__item js_tag">经典</a></li>
	                    <li class="playlist_tag__itembox"><a class="playlist_tag__item js_tag">网络歌曲</a></li>
	                    <li class="playlist_tag__itembox"><a class="playlist_tag__item js_tag">影视</a></li>
	                    <li class="playlist_tag__itembox"><a class="playlist_tag__item js_tag">KTV热歌</a></li>
	                    <li class="playlist_tag__itembox"><a class="playlist_tag__item js_tag">儿歌</a></li>
	                    <li class="playlist_tag__itembox"><a class="playlist_tag__item js_tag">中国风</a></li>
	                    <li class="playlist_tag__itembox"><a class="playlist_tag__item js_tag">古风</a></li>
	                    <li class="playlist_tag__itembox"><a class="playlist_tag__item js_more_tag">更多<i class="playlist_tag__arrow sprite"></i></a></li>
	                </ul>
	            </div>
	    

	            <div class="playlist_tag__list ">
	                <h3 class="playlist_tag__tit c_tx_thin">心情</h3>
	                <i class="playlist_tag__line"></i>
	                <ul class="playlist_tag__tags">
	                    <li class="playlist_tag__itembox"><a class="playlist_tag__item js_tag">伤感</a></li>
	                    <li class="playlist_tag__itembox"><a class="playlist_tag__item js_tag">安静</a></li>
	                    <li class="playlist_tag__itembox"><a class="playlist_tag__item js_tag">快乐</a></li>
	                    <li class="playlist_tag__itembox"><a class="playlist_tag__item js_tag">治愈</a></li>
	                    <li class="playlist_tag__itembox"><a class="playlist_tag__item js_tag">励志</a></li>
	                    <li class="playlist_tag__itembox"><a class="playlist_tag__item js_tag">甜蜜</a></li>
	                    <li class="playlist_tag__itembox"><a class="playlist_tag__item js_tag">寂寞</a></li>
	                    <li class="playlist_tag__itembox"><a class="playlist_tag__item js_tag">宣泄</a></li>
	                    <li class="playlist_tag__itembox"><a class="playlist_tag__item js_tag">思念</a></li>
	                </ul>
	            </div>
	    

	            <div class="playlist_tag__list ">
	                <h3 class="playlist_tag__tit c_tx_thin">场景</h3>
			
	                <ul class="playlist_tag__tags">
	                    <li class="playlist_tag__itembox"><a class="playlist_tag__item js_tag">睡前</a></li>
	                    <li class="playlist_tag__itembox"><a class="playlist_tag__item js_tag">夜店</a></li>
	                    <li class="playlist_tag__itembox"><a class="playlist_tag__item js_tag">学习</a></li>
	                    <li class="playlist_tag__itembox"><a class="playlist_tag__item js_tag">运动</a></li>
	                    <li class="playlist_tag__itembox"><a class="playlist_tag__item js_tag">开车</a></li>
	                    <li class="playlist_tag__itembox"><a class="playlist_tag__item js_tag">约会</a></li>
	                    <li class="playlist_tag__itembox"><a class="playlist_tag__item js_tag">工作</a></li>
	                    <li class="playlist_tag__itembox"><a class="playlist_tag__item js_tag">旅行</a></li>
	                    <li class="playlist_tag__itembox"><a class="playlist_tag__item js_more_tag">更多<i class="playlist_tag__arrow sprite"></i></a></li>
	                </ul>
	            </div>
			</div>
		</div>
            
        <div class="mod_part_detail" id="con">
            <div class="part_detail__hd">
                <h2 class="part_detail__tit">全部歌单</h2>
                <div class="part_switch" id="sortbox">
				<a class="part_switch__item js_sort part_switch__item--left part_switch__item--select">推荐</a>
				<a class="part_switch__item part_switch__item--right js_sort">最新</a></div>
            </div>
            <div class="mod_playlist mod_playlist--all"> 
			<!-- 循环歌单 -->
				<c:forEach items="${songList}" var="song">
					<li class="playlist__item" >
                		<div class="playlist__item_box">
							<div class="playlist__cover mod_cover">
								<a href="front/songs_list1?musicId=${song.musicId}&musicListName=${song.musicListName}">
								<img src="${song.musicListPhoto}" class="playlist__pic"><i class="mod_cover__icon_play js_play"></i></a>
							</div>
							<h4 class="playlist__title">
								<span class="playlist__title_txt">
									<a href="front/songs_list1?musicId=${song.musicId}&musicListName=${song.musicListName}" class="js_playlist">${song.musicListName}</a>
								</span>
							</h4>
							<div class="playlist__other">
								播放量： 23.5万
							</div>
						</div>
            		</li>	
				</c:forEach>
		        <div class="client_guide" id="limitButton">
			        <p class="client_guide__txt">查看更多内容，请下载客户端</p>
			        <a class="client_guide__btn js_limitButton">立即下载</a>
		        </div>
        	</div>
    	</div>
	</div>
		<!-- 尾部 N -->
			<jsp:include page="musicFoot.jsp"></jsp:include>
		<!-- 尾部 S -->
</body>
</html>
